<template>
  <nly-content-wrapper>
    <nly-content-header>
      <nly-container fluid>
        <nly-row class="mb-2">
          <nly-col sm="6">
            <h1>nly-spinner</h1>
          </nly-col>
        </nly-row>
      </nly-container>
    </nly-content-header>
    <nly-content>
      <div>
        <nly-spinner variant="pink" />
        <nly-spinner variant="primary" />
        <nly-spinner variant="warning" />
        <nly-spinner variant="info" />
        <nly-spinner variant="success" />
        <nly-spinner variant="danger" />
        <nly-spinner variant="navy" />
        <nly-spinner variant="lightblue" />
        <nly-spinner variant="secondary" />
        <nly-spinner variant="light" />
        <nly-spinner variant="dark" />
        <nly-spinner variant="olive" />
        <nly-spinner variant="lime" />
        <nly-spinner variant="fuchsia" />
        <nly-spinner variant="maroon" />
        <nly-spinner variant="blue" />
        <nly-spinner variant="indigo" />
        <nly-spinner variant="purple" />
        <nly-spinner variant="gray" />
        <nly-spinner variant="graydark" />
        <nly-spinner variant="white" />
        <nly-spinner variant="cyan" />
        <nly-spinner variant="teal" />
      </div>
      <div>
        <nly-spinner type="grow" variant="pink" />
        <nly-spinner type="grow" variant="primary" />
        <nly-spinner type="grow" variant="warning" />
        <nly-spinner type="grow" variant="info" />
        <nly-spinner type="grow" variant="success" />
        <nly-spinner type="grow" variant="danger" />
        <nly-spinner type="grow" variant="navy" />
        <nly-spinner type="grow" variant="lightblue" />
        <nly-spinner type="grow" variant="secondary" />
        <nly-spinner type="grow" variant="light" />
        <nly-spinner type="grow" variant="dark" />
        <nly-spinner type="grow" variant="olive" />
        <nly-spinner type="grow" variant="lime" />
        <nly-spinner type="grow" variant="fuchsia" />
        <nly-spinner type="grow" variant="maroon" />
        <nly-spinner type="grow" variant="blue" />
        <nly-spinner type="grow" variant="indigo" />
        <nly-spinner type="grow" variant="purple" />
        <nly-spinner type="grow" variant="gray" />
        <nly-spinner type="grow" variant="graydark" />
        <nly-spinner type="grow" variant="white" />
        <nly-spinner type="grow" variant="cyan" />
        <nly-spinner type="grow" variant="teal" />
      </div>
    </nly-content>
  </nly-content-wrapper>
</template>
